<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="format-detection" content="telephone=no, email=no"><!--禁止自动识别电话和邮箱-->
    <title  th:text="${activity.activityTitle}">活动</title>
    <link rel="stylesheet" href="../../../../static/css/activity-m/sqt_view.css">
    <link rel="stylesheet" href="../../../../static/css/activity-m/mobile.css">
    <link rel="stylesheet" href="../../../../static/css/activity-m/article.css">
    <link rel="stylesheet" href="../../../../static/js/layui/css/layui.css">
    <style>
        .join-list-img{border-radius:50%;float:right;margin-right:5px;}
    </style>
</head>
<body>
<div class="page">
    <div class="page-content">
        <div class="container top-img">
            <img src="../../../../static/images/activity-m/ad.jpg" th:src="${resourceUrl+activity.activityPoster}">
        </div>
        <!--活动标题头部-->
        <div class="container">
            <div class="content"><div class="title" th:text="${activity.activityTitle}">“云狮会数字营销沙龙(第八期)——“智能电动汽车的未来之路”</div></div>
        </div>
        <!--活动有关参与信息-->
        <!--<div class="container margin-top-20">-->
            <!--<div class="content">-->
                <!--<div class="title-li">-->
                    <!--<img width="17" height="17" src="../../../../static/images/activity-m/r_clock.png">-->
                    <!--<div class="title-li-content">-->
                        <!--<div class="title">[[${#dates.format(activity.actStartTime, 'MM/dd/ HH:mm')}]] 至 [[${#dates.format(activity.actEndTime, 'MM/dd/ HH:mm')}]]-->
                            <!--<span class="deadline" th:if="${activity.actStauts} == 0">未开始</span>-->
                            <!--<span class="deadline" th:if="${activity.actStauts} == 1">进行中</span>-->
                            <!--<span class="deadline" th:if="${activity.actStauts} == 2">已结束</span>-->
                        <!--</div>-->
                        <!--<div class="subtitle">[[${#dates.format(activity.signupStartTime == null ? activity.publishTime : activity.signupStartTime, 'MM月dd日 HH:mm')}]] 至 [[${#dates.format(activity.signupEndTime == null ? activity.actEndTime : activity.signupEndTime, 'MM月dd日 HH:mm')}]]-->
                            <!--<span class="deadline" th:if="${activity.actApplyStauts} == 0">报名未开始</span>-->
                            <!--<span class="deadline" th:if="${activity.actApplyStauts} == 1">报名中</span>-->
                            <!--<span class="deadline" th:if="${activity.actApplyStauts} == 2">报名截止</span>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="title-li border-top arrowRight">-->
                    <!--<img width="17" height="20" src="../../../../static/images/activity-m/r_map.png" >-->
                    <!--<div class="title-li-content">-->
                        <!--<div class="title line-height" onclick="map(this)" th:text="${activity.prov}+${activity.city}+${activity.activityAddress}">北京市朝阳区朝外大街3号山水铂宫国际中心B座1005室</div>-->
                    <!--</div>-->
                <!--</div>-->
              <!---->
                <!--<div class="title-li border-top arrowRight" onclick="">-->
                    <!--<img width="17" height="17" src="../../../../static/images/activity-m/r_pep.png">-->
                    <!--<div class="title-li-content">-->
                        <!--<div class="title line-height">[[${activity.actApplyNum}]]人已报名<span class="subtitle"> 限[[${activity.peoUpperLimit}]]人</span></div>-->
                        <!--<a th:href="'/activity_user/'+${activity.id}+'.html'">-->
                            <!--<div class="perNum" th:if="${threeUrl} ne null">-->
                            <!--<img class="join-list-img" alt="头像"  th:each="headImgUrl:${threeUrl}" th:src="${#strings.isEmpty(headImgUrl) ? '/static/images/defaultHead.png' : (resourceUrl + headImgUrl)}" src="../../../../static/images/activity-m/photo.png">-->
                            <!--<img class="join-list-img" alt="头像" th:remove="all" src="../../../../static/images/activity-m/photo.png">-->
                            <!--<img class="join-list-img" alt="头像" th:remove="all" src="../../../../static/images/activity-m/photo.png">-->
                        <!--</div>-->
                        <!--</a>-->
                    <!--</div>-->
                <!--</div>-->
               <!---->
                <!---->
    <!---->
                <!--&lt;!&ndash; <div class="title-li >-->
						 <!--<div class="title-li-img" style="margin-top:23px;"></div>-->
						 <!--<div class="title-li-content" style="line-height:29px;"><span class="grey" style="padding-left:4px;line-height:29px;"></span>-->
 <!---->
						 <!--</div>-->
				 <!--</div>&ndash;&gt;-->
                <!--<div class="title-li border-top">-->
                    <!--<img width="17" height="17" src="../../../../static/images/activity-m/ticket.png">-->
                    <!--<div class="title-li-content"  th:if="${activity.minTicketPrice} eq ${activity.maxTicketPrice} and ${activity.minTicketPrice} ne 0"><div id="price" class="title line-height">[[${activity.minTicketPrice}/100]]元</div></div>-->
                    <!--<div class="title-li-content"  th:if="${activity.minTicketPrice} ne ${activity.maxTicketPrice}"><div id="price" class="title line-height">[[${activity.minTicketPrice/100}]]~[[${activity.maxTicketPrice}/100]]元</div></div>-->
                    <!--<div class="title-li-content"  th:if="${activity.minTicketPrice} eq 0 and ${activity.maxTicketPrice} eq 0"><div id="price" class="title line-height">免费</div></div>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
    <!---->
    
        <!-- 手机单活动那一块儿，活动有关参与信息-->
        <div class="container margin-top-20">
            <div class="content ">
                <div class="title-li r-clock">
                    <div class="padding-right">
                        <div class="title">[[${#dates.format(activity.actStartTime, 'MM/dd/ HH:mm')}]] 至 [[${#dates.format(activity.actEndTime, 'MM/dd/ HH:mm')}]]
                            <span class="deadline" th:if="${activity.actStauts} == 0">未开始</span>
                            <span class="deadline" th:if="${activity.actStauts} == 1">进行中</span>
                            <span class="deadline" th:if="${activity.actStauts} == 2">已结束</span>
                        </div>
                        <div class="subtitle">[[${#dates.format(activity.signupStartTime == null ? activity.publishTime : activity.signupStartTime, 'MM月dd日 HH:mm')}]] ~ [[${#dates.format(activity.signupEndTime == null ? activity.actEndTime : activity.signupEndTime, 'MM月dd日 HH:mm')}]]
                            <span class="deadline" th:if="${activity.actApplyStauts} == 0">报名未开始</span>
                            <span class="deadline" th:if="${activity.actApplyStauts} == 1">报名中</span>
                            <span class="deadline" th:if="${activity.actApplyStauts} == 2">报名截止</span>
                        </div>
                        
                    </div>
                </div>
                <div class="title-li border-top r-map ">
                    <div class="padding-right arrowRight">
                        <div class="title" onclick="map(this)" th:text="${activity.prov}+${activity.city}+${activity.activityAddress}">北京市朝阳区朝外大街3号山水铂宫国际中心B座1005室</div>
                    </div>
                </div>
                <div class="title-li border-top r-pep arrowRight" th:activityId="${activity.id}" onclick="joinPeople(this)">
                    <div class="padding-right arrowRight rel">
                        <div class="title">[[${activity.actApplyNum}]]人已报名<span class="subtitle">  限[[${activity.peoUpperLimit}]]人</span></div>
                      
                            <div class="perNum" th:if="${threeUrl} ne null">
                               
                                <img class="join-list-img" alt="头像"  th:each="headImgUrl:${threeUrl}" th:src="${#strings.isEmpty(headImgUrl) ? '/static/images/defaultHead.png' : (resourceUrl + headImgUrl)}" src="../../../../static/images/activity-m/photo.png">
                                <img class="join-list-img" alt="头像" th:remove="all" src="../../../../static/images/activity-m/photo.png">
                                <img class="join-list-img" alt="头像" th:remove="all" src="../../../../static/images/activity-m/photo.png">
                            </div>
                       
                    </div>
                </div>
                
                <div class="title-li border-top r-ticket">
                    <div class="padding-right">
                        <div class="title" th:if="${activity.minTicketPrice} eq ${activity.maxTicketPrice} and ${activity.minTicketPrice} ne 0">[[${activity.minTicketPrice}/100]]元</div>
                        <div class="title" th:if="${activity.minTicketPrice} ne ${activity.maxTicketPrice}">[[${activity.minTicketPrice/100}]]~[[${activity.maxTicketPrice}/100]]元</div>
                        <div class="title" th:if="${activity.minTicketPrice} eq 0 and ${activity.maxTicketPrice} eq 0">免费</div>
    
                    </div>
                </div>
            </div>
        </div>
    
    
        <!--活动Logo-->
        
        <div class="container margin-top-20" th:if="${adminUser} ne null" onclick="sponsor(this)" th:sponsorId="${adminUser.id}">
            <div class="content" style="background: url(../../../../static/images/activity-m/arrow-right.png) right center no-repeat; background-size:8px 13px">
                    <div class="logo-img"><img th:if="${adminUser} ne null" th:src="${#strings.isEmpty(adminUser.hostLogo) ? '/static/images/defaultHead.png' : (resourceUrl + adminUser.hostLogo)}" src="" width="100%" height="100%"></div>
                    <div class="logo-text"><span class="float-left" style="padding-left:12px;"  th:if="${adminUser} ne null" th:text="${#strings.isEmpty(adminUser.hostCompany) ? adminUser.nickname : adminUser.hostCompany}">云狮会</span> <span class="float-left grey" style="padding-left:4px;">发布</span></div>
            </div>
        </div>
       
        <!--活动详情-->
        <div class="container margin-top-20" >
            <div class="content">
                <div class="activity-title-text border-bottom">活动详情</div>
                <div class="activity img100 typo"  th:utext="${activity.activityDetails}">
                </div>
            </div>
        </div>
        <!--提问-->
        <div class="container margin-top-20" th:remove="all">
            <div class="content" >
                <div class="activity-title-text border-bottom" >提问</div>
                <div style="background-color:#fafafa;margin-top:20px;">
                    <div class="sendMsg-btnGroup text-center">
                        <div class="sendMsg-btn" ><img id="brash"  alt="清空" src="../../../../static/images/activity-m/brash_enable.png"> </div>
                        我要提问
                        <div class="sendMsg-btn" style="float:right;" ><img id="confirm" click="publish()"  alt="发表" src="../../../../static/images/activity-m/confirm_enable.png"></div>
                    </div>
                    <div class="sendMsg" >
                        <form id="cForm" class="content" th:action="@{'/admin/comment/'+${activity.id}+'/comment'}" th:method="post">
                                <textarea id="sayText" name="content" placeholder="在此提出您的疑问…"></textarea>
                                <script type="text/javascript" src="../../../../static/js/activity-m/autosize.js"></script>
                                <script type="text/javascript">
                                    var text = document.getElementById("sayText");
                                    autoTextarea(text);// 调用
                                </script>
                        </form>
                    </div>
                </div>
                <div class="ask-list">
                    <!--<h3 style="color:red;">提问列表为空时的页面展示，在具体绑定数据的时候，请把本行代码删除掉</h3>-->
                    <!--&lt;!&ndash;提问列表为空时&ndash;&gt;-->
                    <!--<div class="content ask-blank-content" >-->
                        <!--<div class="ask-blank-txt">(；′⌒`)  还没有用户发表提问</div>-->
                    <!--</div>-->
                    <!--<h3 style="color:red;">提问列表有内容时的页面展示，在具体绑定数据的时候，请把本行代码删除掉</h3>-->
                    <!--提问列表有内容时-->
                    <div class="comment flow-default" id="comment" >
                            <div class="li first-li">
                                <div class="comment-img"><img alt="头像"  src="../../../../static/images/activity-m/photo.png"></div>
                                <div class="comment-li " >
                                    <div class="comment-li-li-p pet-name" >王大锤</div>
                                    <div class="comment-li-li-p pet-date">2016-02-09 16:09:50</div>
                                    <div class="comment-li-li-p pet-content">上次分享了《DIV+CSS网页设计制作页面布局技巧分享！》，相信我们对网页布局技巧方面已经有所了解，其实在我们进行div+css网页布局时，还会出现css布局左右出现浮动的问题。这里就在分享下如何处理div+css布局左右浮动问题</div>
                                </div>
                            </div>
                            <div class="li">
                                <div class="comment-img"><img alt="头像"  src="../../../../static/images/activity-m/photo.png"></div>
                                <div class="comment-li " >
                                    <div class="comment-li-li-p pet-name" >易小星</div>
                                    <div class="comment-li-li-p pet-date">2016-02-09 16:09:50</div>
                                    <div class="comment-li-li-p pet-content" >上次分享了《DIV+CSS网页设计制作页面布局技巧分享！》，相信我们对网页布局技巧方面已经有所了解，其实在我们进行div+css网页布局时，还会出现css布局左右出现浮动的问题。这里就在分享下如何处理div+css布局左右浮动问题</div>
                                    <div class="feed-comment-li " >
                                        <span class="pet-name">主办方回复</span><span class="pet-date">2016-02-09 16:09:50</span>
                                        <div class="comment-li-li-p pet-content" >上次分享了《DIV+CSS网页设计制作页面布局技巧分享！》</div>
                                    </div>
                                </div>
                            </div>
                        <!--<div class="more noFlash" onclick="fullData('ask');">查看更多...</div>-->
                    </div>
                </div>
            </div>
        </div>
        <!--技术支持-->
        <div class="container margin-14-top tech-text"><div class="content">由<span style="color:#a0a0a0;">启智数合</span>提供技术支持</div></div>
    </div>
    <!--菜单模块-->
    <div class="menu" >
        <div class="content">
            <div class="btn menu-btn menu-btn-current" onclick="window.location.href='/myactivity.html';">我的</div>
            <div class="btn menu-btn menu-btn-current" th:if="${activity.actApplyStauts} eq 1 and ${activity.peoUpperLimit}-${activity.actApplyNum} ne 0" th:activityId="${activity.id}" onclick="activity(this)" style="margin-left:8px;">我要报名</div>
            <div class="btn menu-btn menu-btn-default"  th:if="${activity.actApplyStauts} ne 1" style="margin-left:8px;">我要报名</div>
            <div class="btn menu-btn menu-btn-default" th:if="${activity.actApplyStauts} eq 1 and ${activity.peoUpperLimit}-${activity.actApplyNum} eq 0"  style="margin-left:8px;">已报满</div>
        </div>
    </div>
</div>
<!--js-->
<script type="text/javascript" src="../../../../static/js/lib/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="../../../../static/js/lib/jquery.qrcode.min.js"></script>
<script type="text/javascript" src="../../../../static/js/activity-m/phone.js"></script>
<script type="text/javascript" src="../../../../static/js/layui/layui.js"></script>
<script th:inline="javascript" type="text/javascript">
    var map=function(obj){ var address =$(obj).text();window.location.href='/map.html?address='+address;}
    $(function(){$("#sayText").css("height","22px");});/*页面加载时，显示提问框为单行*/
    $("#sayText").focus(function(){$("#sayText").css("height","66px");}).blur(function(){if($("#sayText").val()==""){$("#sayText").css("height","22px");}});/*失去焦点的时候，如果提问框里面的内容为空，恢复到单行文本框模式*/
    $("#sayText").keyup(function(){if($("#sayText").val()==""){$("#sayText").css("height","22px");clearTextValue(0);}else{clearTextValue(1);}});/*键盘键抬起的时候，如果提问框里面的内容为空，恢复到单行文本框模式*/
    function clearSayText(){$("#sayText").val("");if($("#sayText").val()==""){$("#sayText").css("height","22px").css("border","1px solid #e7e7e7");clearTextValue(0);}else{clearTextValue(1);}}/*清空提问框中内容*/
    /**/
    function clearTextValue(con){
        if(con==0)
        {
            $("#brash").attr("src","../../../../static/images/activity-m/brash_enable.png");
            $("#confirm").attr("src","../../../../static/images/activity-m/confirm_enable.png");
            $("#brash").parent().attr("onclick","");
            $("#confirm").parent().attr("onclick","");
        }
        else
        {
            $("#brash").attr("src","../../../../static/images/activity-m/brash.png");
            $("#confirm").attr("src","../../../../static/images/activity-m/confirm.png");
            $("#brash").parent().attr("onclick","clearSayText();");
            $("#confirm").parent().attr("onclick","addComment()");
        }
    }
    function activity(obj){
        var id = $(obj).attr("activityId");
        if(isWeiXin()){
            location.href="/open/act_apply_code?actId="+id;
        }else{
            location.href="/apply/"+id+".html";
        }
    }
    function sponsor(obj){
        var sponsorId = $(obj).attr("sponsorId");
        window.location.href = "/host/"+sponsorId+".html";
    }
    var activityId = [[${activity.Id}]]
    function publish(){
        $("#cForm").submit();
    }
    
    function joinPeople(obj){
        var activityId = $(obj).attr("activityId");
        window.location.href =  "/activity_user/"+activityId+".html";
    }

    function isWeiXin(){ var ua = window.navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i) == 'micromessenger'){ return true; }else{ return false; } }
//    /*流加载*/
//    layui.use('flow',function () {
//        var flow=layui.flow;
//        flow.load({/*进行中*/
//            elem: '#comment' //流加载容器
//            ,scrollElem: '#comment' //滚动条所在元素，一般不用填，此处只是演示需要。
//            ,done: function(page, next){ //执行下一页的回调
//
//                //模拟数据插入
//                setTimeout(function(){
//                    var lis = [];
//                    for(var i = 0; i < 8; i++){
//                        lis.push('<li>'+ ( (page-1)*8 + i + 1 ) +'</li>')
//                    }
//
//                    //执行下一页渲染，第二参数为：满足“加载更多”的条件，即后面仍有分页
//                    //pages为Ajax返回的总页数，只有当前页小于总页数的情况下，才会继续出现加载更多
//                    next(lis.join(''), page < 10); //假设总页数为 10
//                }, 500);
//            }
//        });
//    });

    $('.typo-box .typo > p').each(function(){
        if($(this).css('text-align')=='center'){
            $(this).find('img').css('display','inline-block');
        }
    });
    
</script>
</body>
</html>